<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:73:"E:\phpstudy\PHPTutorial\WWW\gdlook/application/index\view\user\index.html";i:1575644322;s:67:"E:\phpstudy\PHPTutorial\WWW\gdlook\application\index\view\head.html";i:1575425674;}*/ ?>
<!-- 个人中心 -->
<html style="font-size: 120px;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<!-- 是否启用全屏模式 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 全屏时状态颜色设置 -->
<meta name="apple-mobile-web-status-bar-style" content="white">
<!-- 禁用电话号码自动识别 -->
<meta name="format-detection" content="telephone=no">
<!--禁止读取本地缓存模板-->
<meta http-equiv="Pragma" contect="no-cache">
<!-- iPhone 启动图标 -->
<link rel="apple-touch-icon" href="img/logo.png">
<!-- Android 启动图标 -->
<link rel="shortcut icon" href="img/logo.png">
<!-- 添加 favicon icon -->
<link rel="shortcut icon" type="image/ico" href="img/favicon.ico">
 <title><?php echo !empty($conf['web_name'])?$conf['web_name']:'wjy'; ?></title> 
<script type="text/javascript">
window.onload=function(){
//设置适配rem
var change_rem = ((window.screen.width > 450) ? 450 : window.screen.width)/375*100;
document.getElementsByTagName("html")[0].style.fontSize=change_rem+"px";
window.onresize = function(){
change_rem = ((window.screen.width > 450) ? 450 : window.screen.width)/375*100;
document.getElementsByTagName("html")[0].style.fontSize=change_rem+"px";
}
}
</script>

<link href="/static/index/css/ionic.css" rel="stylesheet">
<link href="/static/index/css/style.css" rel="stylesheet">
<!-- <script src="/static/index/js/jquery-3.2.1.min.js"></script> -->
<script src="/static/index/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/static/index/js/touchSlider.js"></script>
<style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style>
<style>
.ionic_toast {
  z-index: 9999;
}

.toast_section {
  color: #FFF;
  cursor: default;
  font-size: 1em;
  display: none;
  border-radius: 5px;
  opacity: 1;
  padding: 10px 30px 10px 10px;
  margin: 10px;
  position: fixed;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.75);
}

.ionic_toast_top {
  top: 10px;
}

.ionic_toast_middle {
  top: 40%;
}

.ionic_toast_bottom {
  bottom: 10px;
}

.ionic_toast_close {
  border-radius: 2px;
  color: #CCCCCC;
  cursor: pointer;
  display: none;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 20px;
  height: 20px;
}

.toast_close_icon {
  position: relative;
  top: 1px;
}

.ionic_toast_sticky .ionic_toast_close {
  display: block;
}

.ionic_toast_close:active {

}</style>


<script src="/static/index/js/lk/order.js"></script>

<!-- <script type="text/javascript" src="/static/index/js/lk/echarts-all-3.js"></script>
<script type="text/javascript" src="/static/index/js/lk/ecStat.min.js"></script>
<script type="text/javascript" src="/static/index/js/lk/dataTool.min.js"></script>
<script type="text/javascript" src="/static/index/js/lk/china.js"></script>
<script type="text/javascript" src="/static/index/js/lk/world.js"></script>
<script type="text/javascript" src="/static/index/js/lk/api"></script>
<script type="text/javascript" src="/static/index/js/lk/getscript"></script>
<script type="text/javascript" src="/static/index/js/lk/bmap.min.js"></script> -->
<!-- 弹框插件 -->
<script src="/static/layer/layer.js"></script>
<!-- 公共函数 -->
<script src="/static/public/js/function.js"></script>
<script src="/static/public/js/base64.js"></script>
<script type="text/javascript">
  var Base64 = new Base64();


</script>
</head>

  <style>
  
/*个人中心*/
.Personal_center {
  width: 100%;
}

.Personal_center .head {
  width: 100%;
  background: url(../images/center_bg.png) no-repeat;
  height: 140px;
  background-size: 100%;
}

.Personal_center .head .p_img {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  overflow: hidden;
  margin: 15px auto 5px auto;
}

.Personal_center .head .p_img img {
  width: 74px;
  height: 74px;
  overflow: hidden;
}

.Personal_center .head .p_text {
  color: #fff;
  margin: 0 auto;
  width: 80%;
  text-align: center;
}

.Personal_center .head .p_text h5 {
  font-size: 16px;
  color: #fff;
}

.Personal_center .account_balance {
  padding: 5px 0;
  margin-top: -30px;
}

.Personal_center .account_balance .tt {
  border-bottom: 1px solid #054060;
  position: relative;
  width: 94%;
  margin: 0 auto;
  height: 10px;
}

.Personal_center .account_balance .tt p {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
}

.Personal_center .account_balance .digit {
  font-size: 24px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 10px;
  color: #fff;
  text-align: center;
}

.Personal_center .account_balance .digit span {
  font-size: 24px;
}


.Personal_center .button_group {
  width: 84%;
  margin: 10px auto;
  border-bottom: 1px solid #054060;
  padding: 0 6%;
  padding-bottom: 20px;
}

.Personal_center .button_group .up-btn {
  background: #eb8327;
  width: 30%;
  border-radius: 2px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  float: left;
  outline: none;
  margin-right: 5%;
  font-size: 16px;
}

.Personal_center .button_group .dep-btn {
  background: #129a5b;
  width: 30%;
  border-radius: 2px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  float: left;
  outline: none;
  margin-right: 5%;
  font-size: 16px;
}

.Personal_center .button_group .but_trade {
  margin: 0 auto;
  background: #3d52aa;
  width: 30%;
  border-radius: 2px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  float: left;
  outline: none;
  font-size: 16px;
}

.Personal_center .column {
  width: 94%;
  padding: 15px 0;
  margin: 0 auto;
}

.Personal_center .column li {
  height: 100px;
  float: left;
  width: 27%;
  margin: 0 3%;
  text-align: center;
  margin-bottom: 20px;
}

.Personal_center .column li .c_img {
  width: 60px;
  padding: 10px 0;
}

.Personal_center .column li p {
  font-size: 12px;
  color: #fff;
}
  </style>


  <body>

    <!--  公共头部 -->
    <header class="navbg">
      <div class="back">
        <a href="javascript:history.go(-1);">
          <img src="/static/index/img/back.png">
        </a>
      </div>
      <span class="new_bar" id="sideMenu">
        <img src="/static/index/img/bar.png">
      </span>	
      <h1 class="title">个人中心</h1>
    </header>
     <!-- 弹出框内容 -->
<div class="canvas-backdrop">
    <div id="sideMenuContainer">
            <div id="Shut_btn">
        <img src="/static/index/img/Shut.png">
      </div>

            <div class="User_login">
                <form>
          
          <!-- 登录时显示该部分 -->
          <div class="a_login">
                        <div class="account">
              <img src="/static/index/img/wallet.png">我的钱包
            </div>

                        <ul class="bute">
              <li>姓名：<?php echo !empty($userinfo['nickname'])?$userinfo['nickname']:$userinfo['username']; if($userinfo['otype'] == 101): ?> (代理商 邀请码：<?php echo $userinfo['uid']; ?>) <?php endif; ?></li>
              <li>余额：<span>$<?php echo $userinfo['usermoney']; ?></span></li>
              <li>今日盈亏：<?php echo $all_ploss; ?></li>
            </ul>

            
                        <ul class="l_nav">
              
                      <li onclick="show_user_modal('modal-deposit')">充值</li>
              <li onclick="show_user_modal('modal-withdraw')">提现</li>
              
              
              <li><a href="<?php echo url('/index/user/index/token/'.$token); ?>">个人中心</a></li>
              <li><a href="<?php echo Url('/index/index/indexinfo/token/'.$token); ?>">交易</a></li>
                            <li onclick="app_exit()">退出</li>
                            <div style="clear: both;"></div>
            </ul>
          </div>
                    

          <!-- 未登录时显示该部分 -->
                  
        </form>
        

            </div>
            
            <div class="list_box">
                <div class="tit">
          <img src="/static/index/img/icon_til.png">为什么是OPTIONCC
          <ul class="side_list">
            <li><a href="<?php echo url('login/brand'); ?>">&gt;10年老品牌</a></li>
            <li><a href="<?php echo url('login/integrity'); ?>">&gt;100%诚信兑付</a></li>
                    </ul>
                </div>
      </div>
      
      <div class="list_box">
                <div class="tit" style="padding-bottom:30px">
          <img src="/static/index/img/icon_about.png">关于我们
          <ul class="side_list">
            <li><a href="<?php echo url('login/contact'); ?>">&gt;联系我们</a></li>
            <li><a href="<?php echo url('login/clause'); ?>">&gt;条款规则</a></li>
            <li><a href="<?php echo url('login/payment'); ?>">&gt;付款政策</a></li>
                    </ul>
                </div>
            </div>
                
        </div>  
  </div>

    <div class="Personal_center">
      <div class="head">
        <div class="p_img">
          <img src="<?php echo !empty($userinfo['portrait'])?$userinfo['portrait']:'/static/index/img/logobg.jpg'; ?>" />
        </div>
        <div class="p_text">
          <h5><?php echo !empty($userinfo['nickname'])?$userinfo['nickname']:$userinfo['username']; if($userinfo['otype'] == 101): ?> (代理商 邀请码：<?php echo $userinfo['uid']; ?>) <?php endif; ?></h5>
        </div>
      </div>

      <div class="account_balance">
        <div class="tt"><p>账户余额/今日盈亏</p></div>
        <div class="digit">
          <span>￥</span><?php echo $userinfo['usermoney']; if($userinfo['otype'] == 101): ?> (保证金：<?php echo !empty($userinfo['minprice'])?$userinfo['minprice']:'0'; ?>) <?php endif; ?>
          <span>/￥</span><?php echo $all_ploss; ?>
        </div>
      </div>

      <div class="button_group">
        <div class="up-btn" onclick="show_user_modal('modal-deposit')">充值</div>
        <div class="dep-btn" onclick="show_user_modal('modal-withdraw')">提现</div>
        <div class="but_trade" onclick="refresh()">刷新</div>
        <div style="clear: both;"></div>
      </div>

      <div class="column">
        <ul>
          <li>
            <a href="<?php echo url('cashlist'); ?>">
              <img class="c_img" src="/static/index/img/center_01.png" alt="" />
              <p>提现记录</p>
            </a>
          </li>
          <li>
            <a href="<?php echo url('reglist'); ?>">
              <img class="c_img" src="/static/index/img/center_02.png" alt="" />
              <p>充值记录</p>
            </a>
          </li>
          <li id="li_withdrawal">
            <a href="<?php echo url('order/hold'); ?>">
              <img class="c_img" src="/static/index/img/center_03.png" alt="" />
              <p>历史订单</p>
            </a>
          </li>
          <!-- TODOLIST2:  这个点击没有反应 -->
          <li onclick="show_user_modal('modal-olist')">
            <img class="c_img" src="/static/index/img/center_04.png" alt="" />
            <p>资金流水</p>
          </li>
          <li>
            <a href="<?php echo url('user/ercode'); ?>">
              <img class="c_img" src="/static/index/img/center_05.png" alt="" />
              <p>推广二维码</p>
            </a>
          </li>
          <li>
            <a href="<?php echo url('index/forgetpwd'); ?>">
              <img class="c_img" src="/static/index/img/center_06.png" alt="" />
              <p>修改信息</p>
            </a>
          </li>
          <div style="clear: both;"></div>
        </ul>
      </div>
    </div>

    <div class="modal-backdrop hide modal-deposit">
      <div class="modal-backdrop-bg"></div>
      <div class="modal-wrapper" ng-transclude="">
        <ion-modal-view class="order-modal modal slide-in-up ng-leave ng-leave-active model-bank-tab">
          <header class="navbg">
          <div class="back" onclick="hide_user_modal('modal-deposit')">
            <a>
              <img src="/static/index/img/back.png">
            </a>
          </div>
          <!-- <span class="new_bar" id="sideMenu">
            <img src="/static/index/img/bar.png">
          </span> -->
          <h1 class="title">用户入金</h1>
          </header>
          <div class="pay_code_area" style="display: none">
            <div>
              <div class="pay_code_img">

              </div>

              <p>扫描二维码支付</p>
              <p><a href="">充值成功点击刷新</a></p>
              <p><a href="javascript:;" onclick="pay_code_area(0)">关闭</a></p>

            </div>
          </div>
          <ion-content id="in_money_content" class="scroll-content ionic-scroll  has-header"><div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
            <header>
              <ul>

                <?php if(is_array($payment) || $payment instanceof \think\Collection || $payment instanceof \think\Paginator): $i = 0; $__LIST__ = $payment;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
                <li class="pay_channel" >

                  <label class="pay_weixin item item-radio item item-radio" name="pay_type" onclick="check_payid('<?php echo $vo['pay_conf_arr']['name']; ?>')"  value="<?php echo $vo['pay_conf_arr']['name']; ?>">
                    <input type="radio" name="pay_type" class="ng-pristine ng-untouched ng-valid ng-not-empty" value="<?php echo $vo['pay_conf_arr']['name']; ?>">
                    <div class="radio-content">
                      <div class="item-content disable-pointer-events" >
                        <div class="pay_bank_list_header">
                          <div class="kuang"></div>

                          <?php if($vo['pay_conf_arr']['name'] == 'alipay' || $vo['pay_conf_arr']['name'] == 'qtb_alipay' || $vo['pay_conf_arr']['name'] == 'AlipayCS' || $vo['pay_conf_arr']['name'] == 'AlipayPAZH'): ?>
                          <i class="pay_alipay_bg"></i>
                          <article>
                            <p class="pay_alipay">
                                <span class="iconfont icon-zhifubao">
                                <?php elseif($vo['pay_conf_arr']['name'] == 'wxpay' ||  $vo['pay_conf_arr']['name'] == 'qbt_pay_wxpay' ||  $vo['pay_conf_arr']['name'] == 'WeixinBERL' ||  $vo['pay_conf_arr']['name'] == 'Weixin'): ?>
                                <i class="pay_green_bg"></i>
                                <article>
                            <p class="pay_green">
                                <span class="iconfont icon-weixin">
                                <?php else: ?>
                                <i class="pay_yinlian_bg"></i>
                                <article>
                            <p class="pay_yinlian">
                                <span class="iconfont icon--19">
                                <?php endif; ?>


                                    </span><span class="ng-binding"><?php echo $vo['pay_name']; ?></span></p>
                            <p  class="ng-hide"><span class="iconfont "></span><span class="ng-binding"></span></p>
                          </article>
                        </div>
                      </div>
                      <i class="radio-icon disable-pointer-events icon ion-checkmark"></i>
                    </div>
                  </label>

                  <div  class="pay_bank_list_content ng-hide">
                    <ion-scroll style="height: 100%;" scrollbar-y="true" scrollbar-x="false" class="scroll-view ionic-scroll scroll-y">
                      <div class="scroll">
                        <ul>
                        </ul>
                      </div>
                      <div class="scroll-bar scroll-bar-v">
                        <div class="scroll-bar-indicator scroll-bar-fade-out"></div>
                      </div>
                    </ion-scroll>
                  </div>

                </li>
                <?php endforeach; endif; else: echo "" ;endif; ?>

              </ul>
            </header>
            <div class="out_money_content">
              <article>
	        	<span>
	        		<i class="iconfont icon--5"></i>
	        		充值金额：
	        	</span>
                <input type="number" placeholder="请输入金额" required="" value="100" class="ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required bpprice">
              </article>
              <section class="ng-binding"><!-- 单次充值至少￥99起，最多￥20000 --></section>
              <footer>
                余额：<span class="ng-binding"><?php echo $userinfo['usermoney']; ?></span>

                <!-- 手续费：<span ng-show="money_fee.inmoney_fee_type == 0" class="ng-binding">0%</span>
                <span ng-show="money_fee.inmoney_fee_type == 1" class="ng-binding ng-hide">￥0</span>
                实际到账：<span ng-show="money_fee.inmoney_fee_type == 0" class="ng-binding">100.00</span> -->

              </footer>
              <button class="newbutton outmoneybtn reg_btn"  onclick="submit_deposit()">确认充值</button>
            </div>
          </div><div class="scroll-bar scroll-bar-v"><div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px;"></div></div></ion-content>
        </ion-modal-view></div></div>
    <div class="modal-backdrop hide modal-withdraw">
      <div class="modal-backdrop-bg"></div>
      <div class="modal-wrapper" ng-transclude="">
        <ion-modal-view class="order-modal modal slide-in-up ng-leave ng-leave-active">
            <header class="navbg">
                <div class="back" onclick="hide_user_modal('modal-withdraw')">
                  <a>
                    <img src="/static/index/img/back.png">
                  </a>
                </div>
                <!-- <span class="new_bar" id="sideMenu">
                  <img src="/static/index/img/bar.png">
                </span> -->
                <h1 class="title">用户出金</h1>
                </header>
          <ion-content class="out_money_content scroll-content ionic-scroll  has-header"><div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">

            <?php if(!isset($mybank)): ?>
            <header class="ifnone_add_bank"  onclick="go_add_bank()">
              <p>+</p>
              <p>添加银行卡</p>
            </header>
            <div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
              <?php else: ?>
              <div  class="cash">
                <header class="coldbg hotbg"  style="">
                  <p class="ng-binding"><?php echo $mybank['bank_nm']; ?></p>
                  <p class="ng-binding">**** **** **** <?php echo $sub_bankno; ?></p>
                  <i class="iconfont red"><?php echo substr($mybank['bank_nm'],0,3); ?></i>
                </header>

                <article>
	        	<span>
	        		<i class="iconfont icon--4"></i>
	        		提现金额：
	        	</span>
                  <input type="number" placeholder="请输入出金金额" ng-model="outAmount.outamount"  class="cash-price ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-required">
                </article>
                <section  class="ng-binding">单次提现金额至少￥<span class="cash_min" attrmax="<?php echo $conf['cash_max']; ?>"><?php echo $conf['cash_min']; ?></span></section>
                <footer>
                  余额：<span class="ng-binding"><?php echo $userinfo['usermoney']; ?></span>
                  手续费：<span  class="ng-binding reg_par" attrdata="<?php echo $conf['reg_par']; ?>"><?php echo $conf['reg_par']; ?>%</span>
                  实际到账：<span  class="ng-binding true_price" style="display:none"></span>
                </footer>
                <button class="newbutton outmoneybtn"  onclick="out_withdraw()">确认出金</button>
              </div>
              <?php endif; ?>
            </div>

          </div><div class="scroll-bar scroll-bar-v"><div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px;"></div></div></ion-content>
        </ion-modal-view></div></div>

        <div class="modal-backdrop hide modal-olist"><div class="modal-backdrop-bg"></div><div class="modal-wrapper" ng-transclude=""><ion-modal-view class="order-modal modal slide-in-up ng-leave ng-leave-active">
            <ion-header-bar class="order-modal-header bar bar-header" style="background: #054060;">
                <h1 class="title" style="left: 54px; right: 54px;">资金流水</h1>
                <div class="close" onclick="hide_user_modal('modal-olist')">
                    <i class="icon ion-ios-arrow-left"></i>
                </div>
            </ion-header-bar>
            <ion-content class="person_money_list scroll-content ionic-scroll  has-header"><div class="scroll" style="transform: translate3d(0px, 0px, 0px) scale(1);">
            <ion-scroll style="height:100%" class="scroll-view ionic-scroll scroll-y"><div class="scroll" style="transform: translate3d(0px, -10px, 0px) scale(1);">
        
              <ul class="price_list">
                        <?php if(is_array($order_list) || $order_list instanceof \think\Collection || $order_list instanceof \think\Paginator): $i = 0; $__LIST__ = $order_list;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?>
                        <li ng-repeat="c in moneyList" class="" isshow="0">
                          <div class="money_list_header" >
                            <section class="other_money_bg">
        
                            </section><section>
                              <p  class="ng-binding other_money"><?php echo $vo['title']; ?></p>
                              <p>
                                <i class="iconfont icon--1 " ></i>
                                <i class="iconfont icon-30 ng-hide" ></i>
                                <span class="ng-binding"><?php echo $vo['nowmoney']; ?></span></p>
                              <p>
                                <i class="iconfont icon--2 pay_blue"></i>
                                <span class="ng-binding"><?php echo date('Y-m-d H:i:s',$vo['time']); ?></span>
                                <!-- <span class="ng-binding">14:13:04</span> -->
                              </p>
                            </section><section  class="ng-binding other_money">
                              <?php echo $vo['account']; ?>
                            </section><section class="icon clickshow ion-ios-arrow-up">
                            </section>
                          </div>
                          <article class="today_list_footer" style="display: none;">
                            <p class="ng-binding">详情：<?php echo $vo['content']; ?></p>
                          </article>
                        </li>
                <?php endforeach; endif; else: echo "" ;endif; ?>
              </ul>
              <!-- ngIf: has_more_money_order.if_has_more_money_order -->
            </div><div class="scroll-bar scroll-bar-v"><div class="scroll-bar-indicator scroll-bar-fade-out" style="height: 631px; transform: translate3d(0px, 10px, 0px) scaleY(1);"></div></div></ion-scroll>
            </div><div class="scroll-bar scroll-bar-v"><div class="scroll-bar-indicator scroll-bar-fade-out" style="transform: translate3d(0px, 0px, 0px) scaleY(1); height: 0px;"></div></div></ion-content>
            <div class="button-bar">
                <a class="button button-dark" onclick="hide_user_modal('modal-olist')">关闭</a>
            </div>
        </ion-modal-view></div></div>    
    <!-- 版权 -->
    <div class="copyright">
      <p>
        在线咨询：09:00——20:00 电话咨询：（香港）+852-64322383&nbsp;
        （英国）0-800-088-5535 <br /><br />Copyright © 2008-2019 OPTIONCC
        中文官网
      </p>
    </div>
  </body>
<script src="/static/index/js/lk/user.js"></script>
<script src="/static/index/js/lk/jquery.qrcode.js"></script>
<script src="/static/index/js/lk/utf.js"></script>
<script>
    $('#province').change(function(){
        var pid = $(this).val();
        if(pid != ''){
            var url = "<?php echo url('getarea'); ?>"+"?id="+pid;
            $.get(url,function(data){
                $("#city").html(data);
            });
        }else{
            $("#city").html('<option value="">请选择城市</option>');
        }


    });
    function respass(){
        location.href="<?php echo url('login/respass'); ?>"
    }

    function refresh(){
      location.reload();
    }

</script>

<script type="text/javascript">
  $(function () {  
    // 点击汉堡包          
    $("#sideMenu").click(function(e){
      if($("#sideMenuContainer").hasClass("allhide")){
        $("#sideMenuContainer").animate({right:-295},"slow");
        $("#sideMenuContainer").removeClass("allhide");
        return;
      }

      e.stopPropagation();
      $("#sideMenuContainer").animate({right:0},"slow");
      $("#sideMenuContainer").addClass("allhide");
    })	

    //点击关闭 X
    $("#Shut_btn").click(function(e){
      if($("#sideMenuContainer").hasClass("allhide")){
        $("#sideMenuContainer").animate({right:-295},"slow");
        $("#sideMenuContainer").removeClass("allhide");
        return;
      }
    })

    //点击空白的地方
    $(document).click(function(){
      if($("#sideMenuContainer").hasClass("allhide")){
        $("#sideMenuContainer").animate({right:-295},"slow");
        $("#sideMenuContainer").removeClass("allhide");
        $(".canvas-backdrop").fadeOut();
      }
    });

    $("#sideMenu").click(function(){
      $(".canvas-backdrop").fadeIn();
    });

    $("#Shut_btn").click(function(){
      $(".canvas-backdrop").fadeOut();
    });
  })
</script>